<script lang="ts" setup>
defineComponent({
  name: 'FormTitle'
})

const { title, pcontent } = defineProps({
  title: {
    type: String,
    required: true
  },
  pcontent: {
    type: String,
    required: true
  },
})
</script>

<template>
 <div class="card-title">
            <div class="title-div"></div>
            <div class="title">
              <h4>{{ title }}</h4>
              <p >{{ pcontent }}</p>
            </div>
          </div>
</template>

<style scoped lang="scss">
.card-title{
  width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  .title-div {
      border-width: 0px;
      width: 9px;
      height: 27px;
      background: inherit;
      background-color: rgba(24, 144, 255, 1);
      border: none;
      border-radius: 0px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-right: 5px;
  }
  .title{
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
}
</style>
